<script src="../asynx.js"></script>
<script src="../dom/dom.js"></script>
<script src="../impl/array.js"></script>
<script src="../impl/util.js"></script>
<script src="../impl/cookie.js"></script>
<script src="../impl/ajax.js"></script>
<script src="../impl/lang.js"></script>
<script src="../dom/xpath.js"></script>
<script src="../dom/selector.js"></script>
<script src="../event/event.js"></script>

<script src="../plugins/drag/drag.js"></script>
<script src="../plugins/animation/anim.js"></script>
<script src="../plugins/datalist/datalist.js"></script>
<script src="../plugins/autocomplete/autocomplete.js"></script>
<script src="../plugins/windows/windows.js"></script>



<style>
	
</style>




<h1>asynx windows</h1>

<div id="log" class="a">Log<br></div>
<select></select>

<script>
	
	var overlay = new asynx.windows.overlay({
		
		color: '#000',
		
		alpha: 80,
		
		closeOnClick: true,
		
		fadeEquation: 'strongOut',
		
		fadeDuration: 10,
		
		onLoad: function() {
			alert('overlay loaded!')
		}
		
	});
	
	overlay.addEvent('click', function(e, a) {
		
		log(e + ":" + a);
		
	}, "arguments");
	
	
	asynx.event.onLoad(function() {
		overlay.show();
	});
	
	
</script>

sd <br>asd <br>asd <br>asd <br>asd <br>asd <br>asd <br>asd <br>asd <br>asd <br>asd <br>asd <br>asd <br>asd <br>asd <br>asd <br>asd <br>asd <br>asd <br>asd <br>asd <br>
<iframe style="height:600px"></iframe>